@import '~antd/lib/style/themes/default.less';
@import '~@/utils/utils.less';

.proUsertableList {

    :global {
        .ant-table-body {
          overflow: auto !important;
        }

        .ant-table-thead > tr >th{
            white-space: nowrap;
        }

        .ant-table-tbody > tr > td{
            white-space: nowrap;
        }
    }

  .proUsertableListOperator {
    margin-bottom: 16px;
    // background: url('@/assets/policedraw.jpg') no-repeat center;
    button {
      margin-right: 8px;
    }
  }
}

.wordCloud {
  position: absolute;
  left: 30%;
  top: 500px;
  width: 600px;
  height: 400px;
  z-index: 1000;
}

.observeRules {
  position: absolute;
  top: 420px;
  right: 160px;
  width: 360px;
  height: 200px;
  border: 1px solid #ccc;
}

.politicalAnalysis {
  position: absolute;
  top: 650px;
  right: 160px;
  width: 360px;
  height: 200px;
  border: 1px solid #ccc;
}

.healthAnalysis {
  position: absolute;
  top: 880px;
  right: 160px;
  width: 360px;
  height: 200px;
  border: 1px solid #ccc;
}

.healthLine {
  position: absolute;
  top: 945px;
  right: 520px;
  width: 12%;
  height: 0;
  border-top: 1px solid #ccc;
}

.workHistroy {
  position: absolute;
  top: 680px;
  left: 80px;
  width: 360px;
  height: 400px;
  border: 1px solid #ccc;
}

.policeReward {
  position: absolute;
  top: 1100px;
  left: 80px;
  width: 360px;
  height: 260px;
  border: 1px solid #ccc;
}


.proUsertableListForm {
  :global {
    .ant-form-item {
      display: flex;
      margin-right: 0;
      margin-bottom: 24px;
      > .ant-form-item-label {
        width: auto;
        padding-right: 8px;
        line-height: 32px;
      }
      .ant-form-item-control {
        line-height: 32px;
      }
    }
    .ant-form-item-control-wrapper {
      flex: 1;
    }
  }
  .submitButtons {
    display: block;
    margin-bottom: 24px;
    white-space: nowrap;
  }
}

.relationFile {
    position: absolute;
    overflow: hidden;
    right: 0;
    top: 0;
    opacity: 0;
}

.fileInputButton {
    padding: 4px 10px;
    height: 20px;
    line-height: 20px;
    position: relative;
    border: 1px solid #999;
    text-decoration: none;
    color: #666;
}

@media screen and (max-width: @screen-lg) {
  .proUsertableListForm :global(.ant-form-item) {
    margin-right: 24px;
  }
}

@media screen and (max-width: @screen-md) {
  .proUsertableListForm :global(.ant-form-item) {
    margin-right: 8px;
  }
}
